<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Works Administration Page</title>
</head>

<body>

<wicket:extend>
	<div wicket:id="worksContainer">
	
		<div wicket:id="success_dialog">
			<wicket:container wicket:id="text"></wicket:container>
		</div>
		
	    <p wicket:id="delete_confirmation_dialog">
	    	<span wicket:id="delete_confirmation_dialog_text">Delete confirmation dialog goes here</span>
	    </p>
		
		<h3 class="pageTitle"><wicket:message key="worksAdministrationPageTitle">Works Administration Page Title</wicket:message></h3>
		
		<input type="button" wicket:id="searchBookLink" value="Search" wicket:message="value:search" class="buttons"/>
<!-- 		<h2><a href="#" wicket:id="searchBookLink" onclick="return false;" class="searchLink">Buscar</a></h2> -->
			<form id="searchBookFormId" wicket:id="searchBookForm" class="searchForm">
				<div id="searchFields" wicket:id="searchFields" class="searchFields">
					<table class="searchview">
						<tr>
							<td><b>ID:</b> </td>
							<td><input type="text" wicket:id="bookId" value="" /></td>
							<td><b><wicket:message key="author">Author</wicket:message>:</b></td>
							<td><input type="text" wicket:id="author" value="" /></td>
						</tr>
						<tr>
							<td><b><wicket:message key="title">Title</wicket:message>:</b></td>
							<td><input type="text" wicket:id="title" value="" /></td>
							<td><b><wicket:message key="tag">Tag</wicket:message>:</b></td>
							<td><input type="text" wicket:id="tag" value="" /></td>
						</tr>
						<tr>
							<td><b><wicket:message key="category">Category</wicket:message>:</b></td>
							<td><input type="text" wicket:id="category" value="" /></td>
							<td><b><wicket:message key="subcategory">Subcategory</wicket:message>:</b></td>
							<td><input type="text" wicket:id="subcategory" value="" /></td>
						</tr>
						<tr>
							<td colspan="4">
								<b><wicket:message key="publishDate">Publish Date</wicket:message>:</b> &nbsp;
								<wicket:message key="from">From</wicket:message>: <input type="text" wicket:id="lowPublishDate" value="" />
								<wicket:message key="to">To</wicket:message>: <input type="text" wicket:id="highPublishDate" value="" />
							</td>						
						</tr>
					</table>
					<input type="submit" wicket:id="searchBook" value="Search" wicket:message="value:serach" class="buttons" />
					
					<div wicket:id="feedbackMessage"></div>
								
				</div>
			
	
<!-- 		<div wicket:id="bookList"  style="border: 1px black solid; margin-bottom: 5px; padding-left: 2px;"> -->
<!-- 			<a href="#" wicket:id="viewLink"><h3 wicket:id="title">Title goes here</h3></a> -->
<!-- 			<b>by</b> <a href="#" wicket:id="authorLink"><strong wicket:id="authorName">Author goes here</strong></a> -->
<!-- 			<br /> -->
<!-- 			<b>Publish Date: </b><span wicket:id="publishDate">Date goes here</span> -->
<!-- 			<p> -->
<!-- 				<b>Tags:</b>  -->
<!-- 				<span wicket:id="tagList"> -->
<!-- 					<a href="#" wicket:id="tagLink">#<span wicket:id="tagName"></span></a>&nbsp; -->
<!-- 				</span> -->
<!-- 			</p> -->
<!-- 			<p> -->
<!-- 				<a href="#" wicket:id="detailsLink">Ver</a> |  -->
<!-- 				<a href="#" wicket:id="deleteLink">Eliminar</a> |  -->
<!-- 				<a href="#" wicket:id="editLink">Editar</a> -->
<!-- 			</p> -->
<!-- 		</div> -->

<div wicket:id="group">
<table class="dataview">
	<tbody>
		<tr>
			<th class="title"><input type="checkbox" wicket:id="groupSelector" /></th>
			<th class="title"><wicket:message key="title">Title</wicket:message></th>
			<th class="title"><wicket:message key="author">Author</wicket:message></th>
			<th class="title"><wicket:message key="publishDate">Publish Date</wicket:message></th>
			<th class="title"><wicket:message key="actions">Actions</wicket:message></th>
		</tr>
		<tr wicket:id="bookList">
			<td class="list"><input type="checkbox" wicket:id="checkbox" /></td>
			<td class="list">
				<div><a href="#" wicket:id="viewLink"><span wicket:id="title" class="title">Title goes here</span></a></div>
			</td>
			<td class="list">
				<div><a href="#" wicket:id="authorLink"><strong wicket:id="authorName">Author goes here</strong></a></div>
			</td>
			<td class="list"><span wicket:id="publishDate">Date goes here</span></td>
			<td class="list listTools">
				<a href="#" wicket:id="detailsLink"><img src="img/view-icon.png" alt="Ver"></a>&nbsp;
				<a href="#" wicket:id="editLink"><img src="img/edit-icon.png" alt="Editar"></a>&nbsp;
				<a href="#" wicket:id="deleteLink"><img src="img/delete-icon.png" alt="Eliminar"></a>
			</td>
		</tr>
	</tbody>
</table>
</div>

<div wicket:id="footerPaginator" class="footerPaginator"></div>

<input type="button" wicket:id="deleteBook" value="Delete Selected Books" wicket:message="value:deleteSelected" class="buttons" />

</form>  
		
	</div>
</wicket:extend>

</body>
</html>